.popover {
    position: absolute;
    bottom: 8px;
    left: -125px;
    width: 250px;
    .popover-content-wrapper {
        background-color: #fff;
        background-clip: padding-box;
        border-radius: 3px;
        box-shadow: 0 2px 8px rgba(0,0,0,.15);
        .popover-content {
            padding: 10px;
            .popover-content-item {
                display: flex;
                flex-direction: row;
                border-style: solid;
                border-color: #ccc;
                border-width: 1px 1px 0 1px;
                &:last-child {
                    border-width: 1px;
                }
                .popover-lable,
                .popover-value {
                    padding: 5px;
                }
                .popover-lable {
                    flex: 0 0 90px;
                    width: 90px;
                    border-right: 1px solid #ccc;
                }
                .popover-value {
                    flex: auto;
                    width: auto;
                    .popover-suffix {
                        margin-left: 5px;
                    }
                }
            }
        }
        .popover-bottom {
            padding: 10px;
            border-top: 1px solid #ccc;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            text-align: center;
            background-color: rgba(0,0,0,.03);
        }
    }
    .popover-arrow {
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid rgba(0,0,0,.03);
        box-shadow: none;
    }
}